<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>MBTI职业性格在线免费测试</title>
        <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/welcome.css') }}" />
    </head>
    <body>
        <a href="/home/">
            <div class="container">
                <section class="main">
                    <h2 class="cs-text">
                        <span class="cs-text-cut">点击此处开始测试</span>
                        <span class="cs-text-mid">MBTI-TEST</span>
                        <span class="cs-text-cut">点击此处开始测试</span>
                    </h2>
                </section>
                <div class="component">
                    <ul class="grid">
                        <li class="ot-letter-left"><span data-letter="职">职</span></li>
                        <li class="ot-letter-top"><span data-letter="业">业</span></li>
                        <li class="ot-letter-bottom"><span data-letter="性">性</span></li>
                        <li class="ot-letter-right"><span data-letter="格">格</span></li>
                        <li class="ot-letter-left"><span data-letter="-">-</span></li>
                        <li class="ot-letter-bottom"><span data-letter="在">在</span></li>
                        <li class="ot-letter-right"><span data-letter="线">线</span></li>
                        <li class="ot-letter-top"><span data-letter="测">测</span></li>
                        <li class="ot-letter-left"><span data-letter="试">试</span></li>
                    </ul>
                </div>
            </div>
        </a>
        <script type="text/javascript" src="{{ url_for('static', filename='js/jquery-1.10.2.min.js') }}"></script>
        <script type="text/javascript" src="{{ url_for('static', filename='js/jquery.lettering.js') }}"></script>
        <script>
            $(document).ready(function() {
                $(".cs-text-cut").lettering('words');
            });
        </script>
    </body>
</html>

